<html>
	<body style="background:#000;font-family:sans-serif;color:#CCC;">
		<h1>Favicons</h1>
		<table style="text-align:center;">
			<tr>
				<td style="background:#FFF;padding:10px;"><img src="icon_favicon_16.png"/></td>
				<td style="background:#CCC;padding:10px;"><img src="icon_favicon_16.png"/></td>
				<td style="background:#888;padding:10px;"><img src="icon_favicon_16.png"/></td>
				<td style="background:#333;padding:10px;"><img src="icon_favicon_16.png"/></td>
				<td style="background:#000;padding:10px;"><img src="icon_favicon_16.png"/></td>
			</tr>
		</table>
		<p>When Favicons get bigger in web 4.0</p>
		<table style="text-align:center;">
			<tr>
				<td style="background:#FFF;padding:10px;"><img src="icon_favicon_32.png"/></td>
				<td style="background:#CCC;padding:10px;"><img src="icon_favicon_32.png"/></td>
				<td style="background:#888;padding:10px;"><img src="icon_favicon_32.png"/></td>
				<td style="background:#333;padding:10px;"><img src="icon_favicon_32.png"/></td>
				<td style="background:#000;padding:10px;"><img src="icon_favicon_32.png"/></td>
			</tr>
		</table>
		<h1>Android</h1>
		<table style="text-align:center;">
			<tr>
				<td>ldpi 120dpi (36x36)</td>
				<td>mdpi 180dpi (48x48)</td>
				<td>hdpi 240dpi (72x72)</td>
				<td>xhdpi 320dpi (96x96)</td>
			</tr>
			<tr>
				<td style="background:#FFF;padding:10px;"><img src="icon_android_36.png"/></td>
				<td style="background:#FFF;padding:10px;"><img src="icon_android_48.png"/></td>
				<td style="background:#FFF;padding:10px;"><img src="icon_android_72.png"/></td>
				<td style="background:#FFF;padding:10px;"><img src="icon_android_96.png"/></td>
			</tr>
			<tr>
				<td style="background:#89C;padding:10px;"><img src="icon_android_36.png"/></td>
				<td style="background:#89C;padding:10px;"><img src="icon_android_48.png"/></td>
				<td style="background:#89C;padding:10px;"><img src="icon_android_72.png"/></td>
				<td style="background:#89C;padding:10px;"><img src="icon_android_96.png"/></td>
			</tr>
			<tr>
				<td style="background:#C93;padding:10px;"><img src="icon_android_36.png"/></td>
				<td style="background:#C93;padding:10px;"><img src="icon_android_48.png"/></td>
				<td style="background:#C93;padding:10px;"><img src="icon_android_72.png"/></td>
				<td style="background:#C93;padding:10px;"><img src="icon_android_96.png"/></td>
			</tr>
			<tr>
				<td style="background:#D28;padding:10px;"><img src="icon_android_36.png"/></td>
				<td style="background:#D28;padding:10px;"><img src="icon_android_48.png"/></td>
				<td style="background:#D28;padding:10px;"><img src="icon_android_72.png"/></td>
				<td style="background:#D28;padding:10px;"><img src="icon_android_96.png"/></td>
			</tr>
			<tr>
				<td style="background:#5A2;padding:10px;"><img src="icon_android_36.png"/></td>
				<td style="background:#5A2;padding:10px;"><img src="icon_android_48.png"/></td>
				<td style="background:#5A2;padding:10px;"><img src="icon_android_72.png"/></td>
				<td style="background:#5A2;padding:10px;"><img src="icon_android_96.png"/></td>
			</tr>
			<tr>
				<td style="background:#000;padding:10px;"><img src="icon_android_36.png"/></td>
				<td style="background:#000;padding:10px;"><img src="icon_android_48.png"/></td>
				<td style="background:#000;padding:10px;"><img src="icon_android_72.png"/></td>
				<td style="background:#000;padding:10px;"><img src="icon_android_96.png"/></td>
			</tr>
		</table>
		<p>Google Play (512x512)</P>
		<img src="icon_android_512.png"/>
		<p>Android Test</P>
		<img src="android_test.png"/>
		<h1>Apple</h1>
		<h2>iPhone</h2>
		<p>Regular (57x57)</P>
		<img src="icon_iphone_57.png"/>
		<p>Retina (114x114)</P>
		<img src="icon_iphone_114.png"/>
		<p>Iphone Retina Test</P>
		<img src="iphone_test.png"/>
		<h2>iPad</h2>
		<p>Regular (72x72)</P>
		<img src="icon_ipad_72.png"/>
		<p>Retina (144x144)</P>
		<img src="icon_ipad_144.png"/>
		<h2>iPhone 30 (released in 2040) (1024x1024)</h2>
		<img src="icon_iphone_1024.png"/>
	</body>
</html>